﻿#page-wrapper {
  width: 100%;
  padding: 5px 15px;
}

@media (min-width:768px) {

    /* Wrappers */

    #wrapper {
        padding-left: 180px;
    }

    #page-wrapper {
        padding: 15px 25px;
    }

    /* Side Nav */

    .side-nav {
        margin-left: -180px;
        left: 180px;
        width: 180px;
        position: fixed;
        top: 59px;
        height: 100%;
        border-radius: 0;
        border: none;
        background-color: #FBFBFB;
        overflow-y: auto;
    }

        /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */

        .side-nav > li.dropdown > ul.dropdown-menu {
            position: relative;
            min-width: 180px;
            margin: 0;
            padding: 0;
            border: none;
            border-radius: 0;
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .side-nav > li.dropdown > ul.dropdown-menu > li > a {
                padding: 15px 15px 15px 25px;
            }

        .side-nav > li > a {
            width: 180px;
        }

    .navbar-collapse {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


